<!--<template>-->
<!--  <div>-->
<!--    <van-form @submit="onSubmit">-->
<!--      <van-field-->
<!--        v-model="username"-->
<!--        name="用户名"-->
<!--        label="用户名"-->
<!--        placeholder="用户名"-->
<!--        :rules="[{ required: true, message: '请填写用户名' }]"-->
<!--      />-->
<!--      <van-field-->
<!--        v-model="tel"-->
<!--        type="tel"-->
<!--        required-->
<!--        label="手机号"-->
<!--        placeholder="请输入手机号"-->
<!--        @blur="checkTel"-->
<!--        :rules="[{ required: true, pattern : /^(?:(?:\+|00)86)?1\d{10}$/, message: '手机号格式错误' }]"-->
<!--      />-->
<!--      <van-field-->
<!--        v-model="password"-->
<!--        type="password"-->
<!--        name="密码"-->
<!--        label="密码"-->
<!--        placeholder="密码"-->
<!--        :rules="[{ required: true, message: '请填写密码' }]"-->
<!--      />-->
<!--      <van-field-->
<!--        v-model="rePassword"-->
<!--        type="password"-->
<!--        name="再次输入密码"-->
<!--        label="再次输入密码"-->
<!--        placeholder="再次输入密码"-->
<!--        :rules="[{ required: true, message: '请再次填写密码' }]"-->
<!--        ref="password"-->
<!--      />-->
<!--      <van-field-->
<!--        v-model="sms"-->
<!--        center-->
<!--        clearable-->
<!--        type="number"-->
<!--        label="短信验证码"-->
<!--        placeholder="请输入短信验证码"-->
<!--      >-->
<!--        <template #button>-->
<!--          <van-button size="small" >发送验证码</van-button>-->
<!--        </template>-->
<!--      </van-field>-->
<!--      <div style="margin: 16px;">-->
<!--        <van-button round block type="info" @click.stop.prevent="submit($event)">提交</van-button>-->
<!--      </div>-->
<!--    </van-form>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import Vue from 'vue'-->

<!--import {-->
<!--  Form,-->
<!--  Field,-->
<!--  Button,-->
<!--  Dialog-->
<!--} from 'vant'-->
<!--import { docheckphone, dosendmsgcode, docheckcode, dofinishregister } from '../../api/register'-->

<!--Vue.use(Form)-->
<!--Vue.use(Field)-->
<!--Vue.use(Button)-->
<!--Vue.use(Dialog)-->

<!--export default {-->
<!--  name: 'index',-->
<!--  data () {-->
<!--    return {-->
<!--      username: '',-->
<!--      tel: '',-->
<!--      password: '',-->
<!--      rePassword: '',-->
<!--      sms: ''-->
<!--      // flag: ''-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    onSubmit (values) {-->
<!--      console.log('submit', values)-->
<!--    },-->
<!--    async checkTel () {-->
<!--      console.log({ tel: this.tel })-->
<!--      const res = await docheckphone({ tel: this.tel })-->
<!--      console.log(res.data)-->
<!--      // this.flag = /^(?:(?:\+|00)86)?1\d{10}$/.test(this.tel)-->
<!--      if (res.data.code === '10005') {-->
<!--        Dialog.confirm({-->
<!--          message: '该用户已注册，是否直接登录',-->
<!--          confirmButtonText: '登录',-->
<!--          cancelButtonText: '取消'-->
<!--        }).then(r => {-->
<!--          this.$router.push('login')-->
<!--        }).catch(r => {-->
<!--          // on cancel-->
<!--        })-->
<!--      }-->
<!--    },-->
<!--    sendCode () {-->
<!--      localStorage.setItem('tel', this.tel)-->
<!--      Dialog.confirm({-->
<!--        message: '我们将发送验证码到至<br />' + this.tel,-->
<!--        confirmButtonText: '确定',-->
<!--        cancelButtonText: '取消'-->
<!--      }).then(r => {-->
<!--        dosendmsgcode({ tel: localStorage.getItem('tel') })-->
<!--        console.log(1)-->
<!--        // on confirm-->
<!--      }).catch(r => {-->
<!--        // on cancel-->
<!--      })-->
<!--    },-->
<!--    async checkAll () {-->
<!--      const res = await docheckcode()-->
<!--      console.log(res)-->
<!--    },-->
<!--    async submit () {-->
<!--      const flag = this.password === this.rePassword-->
<!--      if (flag) {-->
<!--        await dofinishregister({ tel: this.tel, password: this.password })-->
<!--        this.tips('注册成功', flag, this)-->
<!--      } else {-->
<!--        this.tips('两次密码输入不一致')-->
<!--      }-->
<!--    },-->
<!--    tips (msg, flag, _this) {-->
<!--      if (flag) {-->
<!--        Dialog.confirm({-->
<!--          message: msg,-->
<!--          confirmButtonText: '确定',-->
<!--          cancelButtonText: '取消'-->
<!--        }).then(r => {-->
<!--          // on confirm-->
<!--          this.$router.push('login')-->
<!--        }).catch(r => {-->
<!--          // on cancel-->
<!--          this.rePassword = ''-->
<!--        })-->
<!--      } else {-->
<!--        Dialog.confirm({-->
<!--          message: msg,-->
<!--          confirmButtonText: '确定',-->
<!--          cancelButtonText: '取消'-->
<!--        }).then(r => {-->
<!--          // on confirm-->
<!--          _this.rePassword = ''-->
<!--        }).catch(r => {-->
<!--          // on cancel-->
<!--          this.rePassword = ''-->
<!--        })-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style lang="stylus" scoped>-->
<!--</style>-->
<template>
  <div class="content">
    <header>
      <van-nav-bar
        title="注册"
        left-arrow
        @click-left="$router.back()"
      />
    </header>
    <router-view></router-view>
  </div>
</template>
<script>
import Vue from 'vue'

import { NavBar } from 'vant'

Vue.use(NavBar)

export default {}
</script>
